<template>
    <div class="order-map">
        <amap-store :width="width" :height="height" :center="center" :position="position"></amap-store>
    </div>
</template>
<script>
    import AmapStore from "./amap-store";

    export default {
        components: {AmapStore},
        name: "order-map",
        data(){
            return{
            }
        },
        props:{
            center: {
                type: Array
            },
            position: {
                type: Array
            }
        },
        computed:{
          width(){
              return 375/3.75 + 'vw'
          },
          height(){
              return 179/3.75 + 'vw'
          }
        },
        mounted(){
            console.log('oredr-map:', this.position)
        }
    }
</script>

<style lang='stylus' rel='stylesheet/stylus' scoped>
    @import '~@/assets/main.styl'
    .order-map{
        width vw(375)
        height vw(199)
        background-color grayF
    }

</style>